/*-----------------------------------------------------------------------------------*
	/* = Isotope CSS Animations
	/*-----------------------------------------------------------------------------------*/
	
	.portfolio-content{ margin:auto; }
	
	.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.6s; transition-duration: 0.6s; }
	.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
	.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; }
	
	/**** disabling Isotope CSS3 transitions ****/
	.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
	
	/* portfolio items */
	.portfolio-item { position: relative; padding:12px 0 12px 24px; float:left; width:100%; }
	.portfolio-item .portfolio-content-wrap { 
		background-color:rgba(0,0,0,0.08); 
		box-shadow: 1px 0 1px 0 rgba(0, 0, 0, 0.10);
		border-bottom: 3px solid #d7d7d7;-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
	}
	.portfolio-item .portfolio-content-wrap:hover {background-color: rgba(0,0,0,1);}
	.portfolio-item .portfolio-content-wrap:hover .portfolio-title a {color: #fff;}
	
	.isotope-item{ list-style-type:none; }
	
	.portfolio-item .portfolio-content-wrap .portfolio-title { margin:0; padding:0; font-size:1.1em; font-weight:700 !important; text-align:center; text-transform:uppercase; }
	.portfolio-item .portfolio-content-wrap .portfolio-title a { padding:22px 18px 24px 18px; margin:0; color:#333; }
	
	.portfolio-item a { display: block; }
	.portfolio-item a img { display: block }
	.portfolio-item a img:hover { opacity: 0.8; }
	.portfolio-overlay { position: absolute; bottom: 0; left: 0; }
	.portfolio-overlay h3 { font-size: 11px; font-weight: normal; margin: 0; text-transform: uppercase; max-width: 180px; padding: 5px 7px; background: #000; color: #fff; }
	
	/* Filters */
	#portfolio-cats { float:none; display:block; }
		
	ul.filter{ padding:0 0 2.5em 0; margin:0 auto; text-align:center; font-size:1em;}	
	ul.filter li { display:inline-block; margin:0 auto; list-style-type:none; }
	
	ul.filter .active{ background-color:#15a9fa; color:#fff; }
	ul.filter .active a{ color:#fff; }
	
	ul.filter a{ color:#666; text-decoration:none; padding:0.3em 1.1em 0.4em 1.1em; margin:0 2px; font-weight:400; text-transform:uppercase; border:1px solid #ebebeb; }
	ul.filter a:hover{ background-color:#000; color:#fff; }
	
	ul.filterable-grid{  }
	
	ul.filterable-grid li {
		margin:0.5em;
	}
	ul.filterable-grid li p {
		text-align:center;
		display:block;
	}
	
	
	/** Portfolio Detail Page **/
	#portfolio-navigation-wrap{ display:block; text-align:center; clear:both; color:#fff; padding:0; margin:30px 0 0 0; width:100%; overflow:hidden; }
	#portfolio-navigation-wrap i{ display:inline-block; margin:0 5px; }
	#portfolio-navigation-wrap a{ color:#fff; }
	
	.portfolio-content-area .hentry{}
		
	#portfolio-navigation-wrap .rt-post-navigation { margin:0px 0 0 0; width:100%; text-align:center; }
	#portfolio-navigation-wrap .rt-post-navigation .rt-nav-links a .title{ vertical-align:middle; }
	#portfolio-navigation-wrap .rt-post-navigation .rt-nav-links a{ padding:20px 35px; text-transform:uppercase; font-size:11px; display:inline-block; }
	#portfolio-navigation-wrap .rt-post-navigation .rt-nav-links a[rel=prev] { background-color:#0276c7; }
	#portfolio-navigation-wrap .rt-post-navigation .rt-nav-links a[rel=next] { background-color:#15a9fa; }
	
	#portfolio-navigation-wrap .rt-post-navigation .rt-nav-links a[rel=prev]::before,
	#portfolio-navigation-wrap .rt-post-navigation .rt-nav-links a[rel=next]::after{ font-size:20px; line-height:25px; font-family:FontAwesome; color: rgba(255,255,255,0.5); vertical-align:top; }
	
	#portfolio-navigation-wrap .rt-post-navigation .rt-nav-links a[rel=prev]::before{ content: "\f104"; margin-right:10px; }
	#portfolio-navigation-wrap .rt-post-navigation .rt-nav-links a[rel=next]::after{ content: "\f105"; margin-left:10px; }
	
	#portfolio-navigation-wrap .rt-post-navigation .rt-nav-links a:hover{ background-color:#333; color:#fff; }
		
	#portfolio-navigation-wrap .rt-post-navigation .meta-nav{ border-bottom: 1px solid rgba(255,255,255,0.3); color: rgba(255,255,255,0.5); clear:both; }
	
	#project-summary{ border-top:5px solid #e2e2e2; padding:70px 20px 40px 20px; margin:-30px 0 2px 0; text-transform:uppercase; background-color:#f2f2f2;
		text-align:center; }
	#project-summary p{ margin:0 0 10px 0; line-height:16px; }
	#project-summary p span.p-title{ text-align:right; padding-right:10px; }
	#project-summary p span.p-title.date{padding-left:30px; }
	#project-summary strong{ color:#666; }
	#project-summary .project-meta {border-top: 1px dotted #ccc; padding-top:1em; margin-top:1em; display:inline-block;}
	#project-summary .project-title {font-size:1.3em; color:#333;}
	
	.hentry.portfolio {position: relative;background-color: #f8f7f7;border-radius: 0;text-align: left;
	margin-bottom: 8em; padding-bottom:1em;	/* Box Shadow */box-shadow: none;border-bottom: 5px solid #e2e2e2;}
	.hentry.portfolio .entry-title { font-weight:300;}
	.hentry.portfolio .entry-title:after{content:""; height:2px; width:50px; background-color:#ebebeb; display:block; margin-top:20px;}
	.hentry.portfolio .entry-content {margin-top:0; padding-top:0;}


	
	/** Transition Hover Effect **/	
	.zoom-effect figure	{ margin:0;background: #15a9fa; }	
	.zoom-effect figure img {
	  -webkit-transition: all 0.3s linear;
	   transition: all 0.3s linear;  
	   position:relative;
	   
	 -webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;

	}
	.zoom-effect figure:hover img,
	.portfolio-content-wrap:hover img {
	   -webkit-transform: scale(1.50);
	   -moz-transform: scale(1.50);
	   -o-transform: scale(1.50);
	   -ms-transform: scale(1.50);
	   transform: scale(1.50);
	   
	   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";
	   filter: alpha(opacity=30);
	   opacity: 0.3;
	    		
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden; 
	  
	}

	.zoom-effect figure:hover .detail-arrow,
	.portfolio-content-wrap:hover .detail-arrow {
	   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	   filter: alpha(opacity=100);
	   opacity: 1;
	   -webkit-transform: translateY(0px);
	   -moz-transform: translateY(0px);
	   -o-transform: translateY(0px);
	   -ms-transform: translateY(0px);
	   transform: translateY(0px);	   
	   left:45%; top:45%;
	   
	   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	   filter: alpha(opacity=100);
	   opacity: 1;
	}
	
	.zoom-effect {
	   background-color:#333;
	   text-align:center;
	   overflow: hidden;
	   position: relative;
	   text-align: center;
	   cursor: default;
	   
	   -webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;

	}
	.zoom-effect img {
	   display: block;
	   position: relative;
	}
	.zoom-effect .detail-arrow,
	.zoom-effect h4 {	   
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear;	   
		position:absolute; z-index:99999; margin:auto;
		-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);opacity: 0;
	   
	 	-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;

	}
	.zoom-effect .detail-arrow{ 
		top:50%; width:40px; height:40px; line-height:40px; text-align:center; color:#fff; border-radius:50%; left:45%; background-color:transparent;
	}
	.zoom-effect .detail-arrow:before{ content: "\f0c1"; font-family:FontAwesome; font-size:1.5em; }
	.zoom-effect .detail-arrow:hover{ background-color:#fff; color:#333; }
	
	
	/** Portfolio Post Navigation **/	
	.rt-portfolio-nav{ clear:both; margin:70px auto 20px auto; float:none; text-align:center; }
	.rt-portfolio-nav a{ display:inline-block; color:#15a9fa; overflow:hidden; text-transform:uppercase; font-weight:700; border:2px solid #15a9fa; padding:.5em 1.2em .4em 1.2em; }
	.rt-portfolio-nav a:hover{ color:#fff; border-color:#15a9fa; background:#15a9fa; }
	
	.rt-portfolio-nav .prev-post:after, 
	.rt-portfolio-nav .next-post:before{ 
		font-family:FontAwesome; font-size:16px; text-align:center;
		display:inline-block; vertical-align:middle; }
	 	 	
	.rt-portfolio-nav .prev-post:after{ content: "\f178"; margin-left:10px; }
	.rt-portfolio-nav .next-post:before{ content: "\f177"; margin-right:10px; }
	
	.rt-portfolio-nav .next-post{ margin-right:10px;}	
	
	
	/* Up to Mobile Landscape Size */
	@media only screen and (max-width: 479px) {
		.portfolio-item { padding:6px !important; }
		ul.filter li{ display:block; }
	}
	
	@media only screen and (max-width: 768px) {
		.portfolio-item {padding-left:0 !important;}
	}
	
	@media only screen and (min-width: 768px) {
		.rtbizr-portfolio-2 .portfolio-item, .rtbizr-portfolio-3 .portfolio-item, .rtbizr-portfolio-4 .portfolio-item { width:48%; }
	}
	
	@media only screen and (min-width: 960px) {
		.rtbizr-portfolio-3 .portfolio-item {width:32.5%;}
		.rtbizr-portfolio-4 .portfolio-item {width:24.5%; padding:10px 0 10px 20px;}
	}